import Vue from 'vue'

// 对项目CSS样式进行统一风格
import 'normalize.css/normalize.css' // A modern alternative to CSS resets

// 导入 全局Element 以及css文件
// import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
// element 中解决多语言问题的插件
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n

import '@/styles/index.scss' // global css 全局css文件

// 导入根组件
import App from './App'
// 导入 Vuxe储存大数据
import store from './store'
// 导入路由
import router from './router'

import '@/icons' // icon  导入图标文件
import '@/permission' // permission control 文件是用来做权限认证的(权限管理)

// 导入全局自定义指令
import GlobalDirective from '@/directives'
Vue.use(GlobalDirective)

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
// 是模拟 伪造数据使用 vue3
// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

// set ElementUI lang to EN
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)
// Vue.use() 它是 Vue 提供一个静态方法
// 是给Vue添加插件(具体功能在对象里indtall方法中书写)
// 可以接受一个对象 对象obj中需要提供一个install函数(或直接传入一个函数)
// 在Vue.use(obj)时 会自动调用该install函数 并传入Vue构造器
import GlobalModul from '@/components/index.js'
import i18n from '@/lang'
Vue.use(GlobalModul)

Vue.config.productionTip = false

new Vue({
  el: '#app', // el这个属性值一般是一个元素 含义 是指打包好的资源挂载到哪一个地方
  router,
  store,
  i18n, // 注入(会在Vue原型链上添加$t函数)
  render: h => h(App)
})
